<% content_for :title do %>我的优惠劵<% end %>
<header>
    <div class="logo"></div>
</header>
<div class="wrap">
    <div class="main">
        <ul>
          <% @coupons.each do |_item| %>
            <li class="clear_fix">
                <div class="title clear_fix">
                    <div class="pos_yuan"></div>
                    <%= image_tag _item.try(:url), style: 'height:100%;width:100%' %>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：<%= _item.try(:purpose) %></p>
                    <p class="a2"><i></i>使用时间：即日起至<%= _item.try(:end_date) %></p>
                </div>
                <%= link_to '立即使用', show_path(code: _item.code) , remote: true, method: :get ,id: dom_id(_item) %>
            </li>
            <% end %>
            <!--
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #eb6877">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <button onclick="showModel()">立即使用</button>
            </li>
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #73c3ea">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <button onclick="showModel()">立即使用</button>
            </li>
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #bfbfbf">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <div class="nouse"></div>
            </li>
          -->
        </ul>
    </div>
    <div style="height:30px"></div>
</div>

<div class="model" style="display: none" onclick="closeModel()">
    <div class="vipcode">
        <h2>您的优惠券代码：</h2>
        <p id="code-show" ></p>
        <div class="pos_bottom">
            <button class="copybtn" data-clipboard-text="" >复 制</button>
            <button onclick="closeModel()" class="bacbfbfbf">取 消</button>
        </div>
    </div>
</div>


<script>
  function showModel() {
      $(".model").fadeIn()
  }
  function closeModel() {
      $(".model").hide()
      $("#code-show").text("");
  }
  $(document).ready(function () {
    var clipboard = new Clipboard('.copybtn',{
                    text: function(trigger) {
                        return trigger.getAttribute('data-clipboard-text');
                    }
                });
    clipboard.on('success', function(e) {
        console.log('success');
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        //$.dialog({
        //    title: '',
        //    content: "复制成功！"
        //});
        console.info('复制成功！')
        e.clearSelection();
    });
    clipboard.on('error', function(e) {
        console.log('error');
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
    });
});
</script>
